<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <style>
        #div1{
            width: 100%;
            height: 40px;
            background-color: black;
        }
        #div2{
            width: 100%;
            height: 44px;
            background-color: aliceblue;
        }
        #div3{
            width: 1410px;
            height: 400px;
            border: 1px solid red;
            margin: 0 auto;
            margin-top: 20px;

        }
        #div4{
            width:300px;
            height: 75px;
            text-align: center;
            line-height: 75px;
            /* background-color: greenyellow; */
            background-image: linear-gradient(#ee9c80,#e9b485);
            float: left;
            margin-top: 20px;
            margin-left: 55px;
            color: #ffffff;
        }
        #div5{
            width: 300px;
            height: 75px;
            text-align: center;
            line-height: 75px;
            /* background-color: red; */
            float: left;
            margin-top: 20px;
            color: #ffffff;
            background-image: linear-gradient(#008B45,#00ff7f);
            margin-left: 70px;
        }
        #div6{
            width: 300px;
            height: 75px;
            text-align: center;
            line-height: 75px;
            /* background-color: blue; */
            float: left;
            margin-top: 20px;
            color: #ffffff;
            background-image: linear-gradient(#0000CD,#00bfff);
            margin-left: 70px;
        }
        #div7{
            width: 300px;
            height: 75px;
            text-align: center;
            line-height: 75px;
            /* background-color: purple; */
            float: left;
            margin-top: 20px;
            color: #ffffff;
            background-image: linear-gradient(#8A2BE2,#ee82ee);
            margin-left: 72px;
        }
        #div1_1{
            float: left;
            color: white;
            margin-left: 20px;
            line-height: 40px;
        }
        #div1_2{
            float: left;
            color: white;
            line-height: 40px;
            margin-left: 20px;
        }
        #div1_3{
            float: left;
            color: white;
            line-height: 40px;
            margin-left: 20px;
        }
        #div1_4{
            float: left;
            color: white;
            line-height: 40px;
            margin-left: 20px;
        }

        #div1_5{
            float: right;
            color: white;
            line-height: 40px;
            margin-right: 10px;
        }
        #div1_6{
            float: right;
            color: white;
            line-height: 40px;
            margin-right: 10px;
        }
        #div1_7{
            float: right;
            color: white;
            line-height: 40px;
            margin-right: 10px;
        }
        #div1_8{
            float: right;
            color: white;
            line-height: 40px;
            margin-right: 10px;
        }
        #div1_9{
            float: right;
            color: white;
            line-height: 40px;
            margin-right: 10px;
        }
        #div1_10{
            float: right;
            color: white;
            line-height: 40px;
            margin-right: 10px;
        }
        #div1_11{
            float: right;
            color: #00BFFF;
            line-height: 40px;
            margin-right: 10px;
        }
        #div1_12{
            float: right;
            color: #00BFFF;
            line-height: 40px;
            margin-right: 10px;
        }

        #div2_1{
            margin-left: 50px;
            line-height: 44px;
            float:  left;
        }
        #div2_2{
            margin-left: 50px;
            line-height: 44px;
            color: #00BFFF;
            float: left;
        }
        #div2_3{
            margin-left: 20px;
            line-height: 44px;
            float: left;
        }
        #div2_4{
            margin-left: 20px;
            line-height: 44px;
            float: left;
        }
        #div2_5{
            margin-left: 20px;
            line-height: 44px;
            float: left;
        }
        #div2_6{
            margin-left: 20px;
            line-height: 44px;
            float: left;
        }
        #div2_7{
            margin-left: 20px;
            line-height: 44px;
            float: left;
        }
        input{
            width: 300px;
            height: 22px;
            border-radius: 15px;
        }
        #div2_8{
            margin-right: 20px;
            line-height: 44px;
            color: #00BFFF;
            float: right;
        }
        #div2_9{
            margin-right: 50px;
            line-height: 44px;
            margin-top: 10px;
            float: right;
        }
        #div3_1{

            margin-top: 30px;
            margin-left: 350px;
        }
    </style>
</head>
<body>

<div id="div1">

    <div id="div1_1">装机必备</div>
    <div id="div1_2">提交应用</div>
    <div id="div1_3">RSS订阅</div>
    <div id="div1_4">留言反馈</div>
    <div id="div1_5">自动</div>
    <div id="div1_6">暗黑</div>
    <div id="div1_7">深邃</div>
    <div id="div1_8">海天</div>
    <div id="div1_9">护眼</div>
    <div id="div1_10">复古</div>
    <div id="div1_11">明亮</div>
    <div id="div1_12">动画</div>

</div>
​		<div id="div2">
    ​			<div id="div2_1">MacWk</div>
    ​			<div id="div2_2">首页</div>
    ​			<div id="div2_3">软件</div>
    ​			<div id="div2_4">文章</div>
    ​			<div id="div2_5">专题</div>
    ​			<div id="div2_6">榜单</div>
    ​			<div id="div2_7">优惠正版</div>
    ​			<div id="div2_8">打赏</div>
    ​			<input type="text" id="div2_9" placeholder=" 输入关键词搜素软件或文章..." />
    ​		</div>
​		<div id="div3">
    ​			<img id="div3_1" src="../img/a.jpg" />
    ​		</div>
​		<div id="div4">新人必备</div>
​		<div id="div5">图像处理工具</div>
​		<div id="div6">产品经理工具</div>
​		<div id="div7">更多专题</div>


​
​
​	</body>

</html>